<template>
  <div>
    <button :disabled="disable">按钮 {{ disable }}</button>
    <div :class="{red:isRed}">文字</div>
    <div :style="{'font-size':fontSize + 'px'}">文字</div>
  </div>
</template>

<script>
export default {
  name: "Lesson1-2",
  data() {
    return {
      disable: true,
      isRed: true,
      isBlue: true,
      fontSize: 20
    }
  }
}
</script>
<style scoped>
.red {
  color: red
}
</style>
